<template>
  <!-- 筛选 --start-->
  <div>
    <div class="search_container">
      <hy-search
        ref="query"
        class="search_box"
        :searchTitle="searchTitle"
        v-model="searcher"
        :col="6"
        @search="getlist(0)"
      ></hy-search>
    </div>
    <div>
      <template>
        <el-table :data="tableData" style="width: 100%" height="580" stripe>
          <el-table-column prop="xuhao" label="序号" align="center" width="100"></el-table-column>
          <el-table-column prop="createon" label="订单号" align="center"></el-table-column>
          <el-table-column prop="type" label="生产批号" align="center"></el-table-column>
          <el-table-column prop="reason" label="产品名称" align="center"></el-table-column>
          <el-table-column prop="states" label="生产数量" align="center"></el-table-column>
          <el-table-column prop="states" label="生产日期" align="center"></el-table-column>
          <el-table-column prop="states" label="状态" align="center"></el-table-column>
          <el-table-column prop="states" label="操作" align="center"></el-table-column>
        </el-table>
      </template>
    </div>
  </div>

  <!-- 筛选 --end-->
</template>
<script>
import axios from "axios";
export default {
  data() {
    return {
      total: 1,
      current: 1,
      pagesize: 11,
      searchTitle: [
        {
          type: "input",
          name: "customProductName",
          label: "输入搜索",
          placeholder: "请输入事由",
          prop: "customProductName"
        },
        {
          type: "date2",
          name: "issuanceDate",
          label: "输入时间",
          placeholder: "请选择输入时间",
          prop: "issuanceDate"
        }
      ]
    };
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
@import "@/assets/scss/base.scss";
.search_container {
  background: $white;
  height: 50px;
  margin-top: 10px;
  width: 98%;
  padding: 0 1%;
  .search_box {
    width: 98%;
    padding-top: 5px;
  }
}
</style>